<template>
	<view class="iconfont" :class="icon" :style="{ color: color, 'font-size': size + 'px' }" @click="_onClick"></view>
</template>

<script>
	export default {
		name: 'iconfont',
		props: {
			icon: {
				type: String,
				default: ''
			},
			color: {
				type: String,
				default: '#333333'
			},
			size: {
				type: [Number, String],
				default: 16
			}
		},
		methods: {
			_onClick() {
				this.$emit('click');
			}
		}
	};
</script>

<style>
@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_1292761_q7rg5urgg7.eot?t=1563000141915'); /* IE9 */
  src: url('//at.alicdn.com/t/font_1292761_q7rg5urgg7.eot?t=1563000141915#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOkAAsAAAAAB7gAAANXAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqCdIJVATYCJAMQCwoABCAFhG0HRRvEBhEVnDvI/nDADRnyhqc6QKBgsnfsBlG9a3Lbj66Yqap/XCa1m8Ti4HkfPF/+fZ3bt9+fHjOyI0CRuLvZbijEUuVwLjlS5QMeiMP9a26QtUCzAgxwTKvzNEskoX2eBjb+4t8KIEHIlmwTtQ3qqY5vI2ttRGy0kHvxXLD7v9kQSKdICW0e06AXji0YRwHd3QcZCZYPrPz199tQd7rrCjD4fw6XNsHD+S3LZe5BvSiOAwpojHljk92B3AnyDWMXtMTzEBAgRS4ZNnUM4FjmNAGyXjE3gcs4WZZFHOGrWBsmBzwuuDcPBXYEPy9/SnHAwfBCzLk908Zpaj7Gh75bZthDwJpOD7BNoCAXWMi80jhJo2AuFaD+jVUOHMfg11D6Bf8yZB9F6Kx/eWAIhUSZ6UEASlFI8WvoUGDw60KB4Pc0DQV8ELGD4TFwBkujpolVJp3OB9C8YnrtC75EsWLfhuTV5q9DevrhwLf10P69e/dFr8YDse58+MiaoCeuGNsQrQFWo1j9PSw/Bl7C/nV1Gg9dfi3l9iXithM9pMN+jIG+6Y1nOfLGkpumy01yMnue36mQDEPelA65+M7WMW9x7xz4fxjfOAe+pP5kN9MPm+pl4QvkKW4LXVDMKTfa2Oa8Q2Rc7fVg6E/aNbCLE6pWuM86f+HcudyPpac7L1/ZqZb+/pT9vlcu7+xZJYedZm1WhL8K0iBOVrLuQyGA5WqVB6Bb7f2u36Hq0raY6f+7VBjA28nVGZQsC9MdvHNWZ9bPYXVsshrHVNmwwnWYutnKvMUpBgQIAL8kChE+TSGO7pwOwolOwPCTDMpJRVpsLngClYKPUw0BcjRvDhRpNSXhBMi2HYAIcxaMEJdBhXmItNiP4InxB3zCAgoBBOtAac+2r4DfGjDthY5wuIGPaaJsjbTCzDm5p2jPaU6AXxNr3wO2YeUj/5QQT7FAn11HRIHiNIY/cBlFUQoZpwGhGJ5INjZNVfVFBqZxoeUbI3uCHIGDG+BDqYTyOotW4fvniOsksscNDVXqNcI0v3dgM1gdkP/CpFPDrbxEO3M5hFCAwlIx8Af0JLKCKZBVjwoQJAzeAH9mzEStVFehsbw4fsNdQADzEhswomLFo745IZLWjWCIXdO0Z/QKBQA=') format('woff2'),
  url('//at.alicdn.com/t/font_1292761_q7rg5urgg7.woff?t=1563000141915') format('woff'),
  url('//at.alicdn.com/t/font_1292761_q7rg5urgg7.ttf?t=1563000141915') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('//at.alicdn.com/t/font_1292761_q7rg5urgg7.svg?t=1563000141915#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.success:before {
  content: "\e677";
}

.success1:before {
  content: "\e617";
}

.search:before {
  content: "\e750";
}

</style>

<style>
	iconfont {
		line-height: 1;
	}
	.iconfont {
		font-family: "iconfont" !important;
		font-weight: normal;
		font-style: normal;
		line-height: 1;
		display: inline-block;
		text-decoration: none;
		-webkit-font-smoothing: antialiased;
	}
</style>